﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="frmRegistrarSolicitud.aspx.cs" Inherits="frmRegistrarSolicitud" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>

    <link href="css/controles.css" rel="stylesheet" />
    <link href="css/PopUp/PopUp.css" rel="stylesheet" />
    <link href="css/alerta/css/jquery.toastmessage.css" rel="stylesheet" />
    <link href="css/alerta/css/jquery.alerts.css" rel="stylesheet" />
    <link href="css/jqueryUI/flick/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
       
    <link href="css/tablaBoostrap/boostrap.css" rel="stylesheet" />
    <link href="css/tablaBoostrap/bootstrap-table.css" rel="stylesheet" />

    <script src="script/jquery.js"></script>
    <script src="script/uploadFile/ajaxfileupload.js"></script>
    <script src="script/jquery-ui-1.8.21.custom.min.js"></script>

    <script src="script/Tablas/bootstrap-table.js"></script>
    
    <script src="script/Autocomplete/jquery.ui.autocomplete.js"></script>
    <script src="script/alerta/jquery.toastmessage.js"></script>
    <script src="script/alerta/jquery.alerts.js"></script>
    <script src="script/alerta/alerta.js"></script>
    <script src="script/util/drag.js"></script>   
    <script src="script/util/util.js"></script>
    
    <style type="text/css">
        body{
            font-family:Tahoma;
        }
    </style>

    <script type="text/javascript">

        $(document).ready(function () {
            
            $("#txtInfoAdi").val("");

        });

        function ajaxFileUpload() {

            var ruta = $("#fileToUpload").val();
            if (ruta == "" || ruta == null) {
                showFadeError("Seleccione un archivo a subir");
                return false;
            }

            $("#tblArchivo").bootstrapTable('destroy');

            var nombreArchivo="";
            var nombreArchivo = "";

            var html = "";

            $.ajaxFileUpload
            (
                {
                    url: 'AjaxFileUpload.ashx',
                    secureuri: false,
                    fileElementId: 'fileToUpload',
                    dataType: 'json',
                    data: { name: 'logan', id: 'id' },
                    success: function (data, status) {
                        if (typeof (data.error) != 'undefined') {
                            if (data.error != '') {
                                alert(data.error);
                            } else {
                                nombreArchivo = data.msg;
                                html += "<tr id='fila_" + nombreArchivo + "'>";
                                html += "<td>";
                                html += nombreArchivo;
                                html += "</td>";
                                html += "<td>";
                                html += "<a href='Archivos/"+nombreArchivo+"'>Ver</a>";
                                html += "</td>";
                                html += "<td>";
                                html += '<a href="#" onclick="eliminarArchivo(\'' + nombreArchivo + '\');">Eliminar</a>';
                                html += "</td>";
                                html += "</tr>";
                                //guardarDocumentoNuevo(nombreArchivo);
                                $("#bodyServ").append(html);
                                $("#tblArchivo").bootstrapTable();
                            }
                        }
                    },
                    error: function (data, status, e) {
                        alert(e);
                    }
                }
            );


            return false;
        }

        function eliminarArchivo(archivo) {


            $.ajaxFileUpload
            (
                    {
                        url: 'eliminarArchivo.ashx?archivo=' + archivo,
                        secureuri: false,
                        fileElementId: 'fileToUpload',
                        dataType: 'json',
                        data: { name: 'logan', id: 'id' },
                        success: function (data, status) {
                            if (typeof (data.error) != 'undefined') {
                                
                                //$("#tblArchivo").bootstrapTable();
                            }
                        },
                        error: function (data, status, e) {
                            alert(e);
                        }
                    }
            );

            $("#tblArchivo").bootstrapTable('destroy');
            $("#fila_" + archivo).remove();

            return false;
        }

        function guardar() {
            var info = $("#txtInfoAdi").val();

            if (info == "" || info == null) {
                showFadeError("Ingrese informacion adicional");
                return false;
            }

            var tipoSol = $("#cmbTipoDoc").val();
            var usuario = $("#h_usuario").val();

            $.ajax({
                type: "POST",
                url: "frmRegistrarSolicitud.aspx/insertarSolicitud",
                data: "{'tipoSol':'" + tipoSol + "','usuario':'" + usuario + "','motivo':'" + info + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (resp) {
                    var resultado = resp.d;
                    if (resultado != "-1") {
                        insertarArchivos(resultado, usuario);
                    } else {
                        showFadeError("No se pudo registrar la solicitud.");
                    }
                }, error: function (request, status, error) {
                    showFadeError("No se pudo asociar el documento. Error en conexión." + error);
                }
            });            

            return false;
        }


        function insertarArchivos(idSol,usuario) {

            var referencia;

            $("#tblArchivo tbody tr").each(function (index) {
                            var campo1, campo2, campo3;
                            $(this).children("td").each(function (index2) {
                                 switch (index2) {
                                     case 0:
                                         campo1 = $(this).text();
                                         break;
                                 }
                                 $(this).css("background-color", "#ECF8E0");
                            })

                            referencia = "Archivos/" + campo1;

                            $.ajax({
                                  type: "POST",
                                  url: "FrmRegistrarSolicitud.aspx/insertarArchivo",
                                  data: "{'idSol':'" + idSol + "','archivo':'" + campo1 + "','referencia':'" + referencia + "','usuario':'" + usuario + "'}",
                                  contentType: "application/json; charset=utf-8",
                                  dataType: "json",
                                  success: function (resp) {
                                      var resultado = resp.d;

                                      //if (resultado != "-1") {
                                      //    //showFadeConfirmacion("Se ");
                                      //} else {
                                      //    showFadeError("No se pudo registrar la solicitud.");
                                      //}

                                  }, error: function (request, status, error) {
                                      showFadeError("No se pudo registrar archivos.");
                                      return false;
                                  }
                            });
            })

            showFadeConfirmacion("Se ingreso con éxito.");
            return false;
        }

    </script>

</head>
<body>
    
  <input id="h_usuario" type="hidden" runat="server" value="0"/>
  <input id="h_perfil" type="hidden" runat="server" value="0"/>

      <fieldset>
            <legend style="font-size:15px;font-weight:bold;font-family:Tahoma;">Registro de Solicitud</legend>
            <table>
                <tr><td class="etiqueta">Tipo:</td>
                           <td>
                              <div class="input-container">
                                   <select name="sex-select" id="cmbTipoDoc" style="width:415px;" runat="server" >
                                         <option value="N">Nuevo CCPP</option>
                                         <option value="M">Modificacion CCPP</option>
                                         <option value="A">Anulación CCPP</option>
                                   </select>
                                  <span style="color:red">*</span>
                              </div>
                           </td>
                </tr>

                <tr><td class="etiqueta">Información adicional:</td>
                           <td>
                             <textarea id="txtInfoAdi" cols="80" rows="10">
                             </textarea>
                                <span style="color:red">*</span>
                           </td>
                </tr>
                <tr><td class="etiqueta">Sustento:</td>
                    <td>        
                        <div style="display:inline-block;">
                       <input id="fileToUpload" type="file" size="70" name="fileToUpload" class="input" style="width:415px;" />
                        <img src="image/upload_file.png" alt="subir" style="cursor:pointer;" onclick="ajaxFileUpload();"/>
                        </div>
                        <%--<button id="buttonUpload" onclick="return ajaxFileUpload();">Cargar</button>--%>
                       <img id="loading" src="../../image/loading.gif" style="display:none;" />  
                    </td>
                </tr>
                <tr>
                    <td class="etiqueta"></td>
                    <td>

                        <table id="tblArchivo" data-pagination="true" data-show-toggle="false" data-select-item-name="toolbar1">
                             <thead style="font-size:10px;">
                               <tr id="cabServ">
                                 <th style="text-align:center;">Archivo</th>
                                 <th style="text-align:center;">Ver</th>
                                 <th style="text-align:center;">Eliminar</th>
                               </tr>
                            </thead>
                            <tbody id="bodyServ" style="font-size:10px;">
                            </tbody>
                        </table>

                    </td>
                </tr>
            </table>
       </fieldset>
       
        <br />
        <span style="color:red;font-size:12px;">(*) Estos campos deben ser estrictamente obligatorios.</span>
        <br />
        <br />
       <table>
            <tr><td class="etiqueta"></td>
               <td>
                  <img src="image/botones/Guardar_s1.png" alt="Guardar" onclick="guardar();" style="cursor:pointer;"/>
                  <img src="image/botones/Cancelar_s1.png" alt="Cancelar" />
               </td>
            </tr>
       </table>

</body>
</html>
